<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <link rel="stylesheet" href="/static/node_modules/@fortawesome/fontawesome-free/css/all.min.css">
    <title>首页</title>

    <!-- CSS文件 -->
    <link href="/static/css/style.css" rel="stylesheet">

</head>

<body>

<!--头部-->
<div class="header">
    <div class="navbar">
            <div class="nav-item "><a href="/index">首页</a></div>
            <div class="nav-item"><a href="/movie">热门电影</a></div>
            <div class="nav-item"><a href="/score">评分</a></div>
            <div class="nav-item"><a href="/word">词云</a></div>
        </div>
</div>

<!--中间部分-->
<main id="main">
    <section id="about" class="about">
        <div class="section-title">
            <h2>电影信息查询网站</h2>
        </div>
    </section>

    <!--部分数值-->
    <div class="dashboard">
    <div class="card"><a href="/movie">
        <i class="fa-solid fa-ticket" style="color: #63E6BE;"></i>
        <h2>近日热门电影票房</h2>
    </a>
    </div>
    <div class="card"><a href="/word">
        <i class="fa-solid fa-person" style="color: #B197FC;"></i>
        <h2>词云</h2>
         </a>
    </div>
    <div class="card"><a href="/score">
        <i class="fa-solid fa-video" style="color: #74C0FC;"></i>
        <h2>新篇榜豆瓣评分</h2>
        </a>
    </div>
    <div class="card"><a href="/word">
        <i class="fa-solid fa-house" style="color: #FFD43B;"></i>
        <h2>电影概述搜索</h2>
        </a>
    </div>
</div>

</main>

<div class="footer">
    <p2>&#xa9; 2025翟荟茹python期末作业</p2>
</div>

</body>

</html>